<!doctype html>
<html>
  <head>
      <meta charset="utf-8">
      <title>福建省职业经理服务行业协会</title>
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <meta name="apple-mobile-web-app-capable" content="yes" />
      <link type="text/css"  rel="stylesheet"  href="/static/css/base.css" />
      <link type="text/css"  rel="stylesheet"  href="/static/css/wapnav.css" />
      <link type="text/css"  rel="stylesheet" href="/static/css/swiper.min.css"/>
      <script type="text/javascript" src="/static/js/jquery-1.8.0.min.js"></script>
      <style type="text/css">
        .swiper-wrapper {
            transition-delay: .3s;
        }
        .swiper-slide p {
            transform: translateX(-200px);
            opacity: 0;
            transition: all .4s;
        }
        .ani-slide p {
            transform: translateX(0);
            opacity: 1;
        }
      </style>
  </head>

<body>
<div class="wnBody">
  <div class="wnMain">
    <div class="wapnavBanner">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide" style="background:url(/static/images/wapnav/banner01.jpg) no-repeat; background-size:100%;" >
            <p style="text-align:center;"><img src="/static/images/wapnav/bannerfont1.png" style="width:65%; margin-top:4rem;"   /></p>
          </div>
          <div class="swiper-slide" style="background:url(/static/images/wapnav/banner02.jpg) no-repeat; background-size:100%;"  >
            <p><img src="/static/images/wapnav/bannerfont2.png" style="width:63%; margin-top:3rem; margin-left:15%; "   /></p>
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <div class="wnFooter">
      <div class="wnNav">
      <a href="/nav/about">
        <dl>
          <dt></dt>
          <dd>关于我们</dd>
        </dl>
        </a>
        <a href="/nav/news">
        <dl>
          <dt></dt>
          <dd>新闻资讯</dd>
        </dl>
        </a>
        <a href="/nav/npmes">
        <dl>
          <dt></dt>
          <dd>新时代经理</dd>
        </dl>
        </a>
        <a href="/nav/party">
        <dl>
          <dt></dt>
          <dd>党建e家</dd>
        </dl>
        </a>
        <a href="/nav/member">
        <dl>
          <dt></dt>
          <dd>会员中心</dd>
        </dl>
        </a>
        <a href="/nav/npmes1">
        <dl>
          <dt></dt>
          <dd>公益培养计划</dd>
        </dl>
        </a>
      </div>
      <div class="wnBottom">
        <ul>
          <li><a href="/contact"></a></li>
          <li><a href="/windex"></a></li>
          <li><a href="/windex"></a></li>
        </ul>
      </div>
       <div class="wnLine"> <img src="/static/images/wapnav/line.png" width="100%" /> </div>
    </div>
  </div>
</div>
<script src="/static/js/jquery-1.8.0.min.js"></script>
<script src="/static/js/swiper.min.js"></script>
<script language="javascript">
 var swiper = new Swiper('.swiper-container', {
		effect: 'fade',
        pagination: '.swiper-pagination',
        slidesPerView: 1,
        paginationClickable: true,
        loop: true,
        autoplay: 3000,
		autoplay: {
                delay: 5000,
                disableOnInteraction: false,
      },
		on:{
			init:function(swiper){
		        slide=this.slides.eq(0);
			    slide.addClass('ani-slide');
		    },
			transitionStart: function(){
			    for(i=0;i<this.slides.length;i++){
			    	slide=this.slides.eq(i);
			        slide.removeClass('ani-slide');
				}
		    },
			transitionEnd: function(){
				slide=this.slides.eq(this.activeIndex);
			    slide.addClass('ani-slide');
				
		    },
		}

    });
</script>
</body>
</html>
